<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../小米网页/小米网页.css">
    <link rel="stylesheet" href="../清除整个页面多余样式/清除.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3012910_4v7cd6jhf33.css">
</head>

<body>

    <!--顶部登录栏  -->
    <div class="login-box ">
        <div class="container">
            <div class="login-boxone clearfix">
                <div class="login-two">
                    <a class="button-2" href="#">小米商城</a><span class="bars">|</span>
                    <a class="button-2" href="#">MIUI</a><span class="bars">|</span>
                    <a class="button-2" href="#">LOT</a><span class="bars">|</span>
                    <a class="button-2" href="#">云服务</a><span class="bars">|</span>
                    <a class="button-2" href="#">天星数科</a><span class="bars">|</span>
                    <a class="button-2" href="#">有品</a><span class="bars">|</span>
                    <a class="button-2" href="#">小爱开放平台</a><span class="bars">|</span>
                    <a class="button-2" href="#">企业团购</a><span class="bars">|</span>
                    <a class="button-2" href="#">资质证照</a><span class="bars">|</span>
                    <a class="button-2" href="#">协议规则</a><span class="bars">|</span>
                    <a class="button-2" href="#">下载app</a><span class="bars">|</span>
                    <a class="button-2" href="#">智能生活</a><span class="bars">|</span>
                    <a class="button-2" href="#">Select Location</a>
                </div>
                <div class="login-three">
                    <a class="button-3 " href="#">
                        <i class="iconfont icon-icon-test">
                        </i> 购物车 （0） </a>
                </div>
                <div class="login-foun">
                    <a class="button-4" href="#">登录</a><span class="bars">|</span>
                    <a class="button-4" href="#">注册</a><span class="bars">|</span>
                    <a class="button-4" href="#">消息通知</a><span class="bars">|</span>
                </div>

            </div>
        </div>
    </div>

    <!-- 搜索框 -->
    <div class="search-box">
        <div class="container clearfix">
            <div class="logo">
                <a href="#" class="clearfix">
                    <img class="image" src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt="小米官网">
                </a>
            </div>

            <div class="show-box">
                <ul class="texte-box clearfix">
                    <!-- 搜索框隐藏样式 -->
                    <li class="small"><a href="#">Xiaomi手机</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian tu-pian-ss">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="small"><a href="#">Redmi 红米</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>

                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian tu-pian-ss">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="small"><a href="#">电视</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>

                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian tu-pian-ss">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="small"><a href="#">笔记本</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>

                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian tu-pian-ss">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="small"><a href="#">平板</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>

                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian tu-pian-ss">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="small"><a href="#">家电</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="small"><a href="#">路由器</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="small"><a href="#">服务</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="small"><a href="#">社区</a>
                        <div class="mi-box">
                            <div class="container">
                                <ul class="mi-s clearfix ">
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>
                                    <li class="mi-as">
                                        <a href="#"></a>
                                        <div class="tu-pian">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90" alt="">
                                        </div>
                                        <h3 class="qin-chun">Xiaomi 11 青春活力版</h3>
                                        <p class="yuan-qi">1999元起</p>
                                    </li>


                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="form-box">
                <input type="text" name="usertext" />
                <button class="iconfont icon-icon-test1" type="button"></button>





            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="container">
        <div class="lunbotu">
            <!-- img -->
            <div class="img-box">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/15c05b32cf948b594477dfc3eb69fb69.jpg?w=2452&h=920" alt="">
            </div>
            <!-- 轮播图左右箭头 -->
            <div class="left-arrow"></div>
            <div class="right-arrow"></div>
            <div class="polygon">
                <ul class="isoutside clearfix ">
                    <li class="outside-box">
                        <a href="#">手机
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <!-- 轮播图隐藏 -->
                        <div class="pictures  ">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                        <!--                隐藏样式没做完 -->
                    </li>
                    <li class="outside-box"> <a href="#">电视
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="outside-box"> <a href="#">笔记本 平板
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="outside-box"> <a href="#">家电
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="outside-box"> <a href="#">出行 穿戴
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="outside-box"> <a href="#">智能 路由器
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="outside-box"> <a href="#">电源 配件
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="outside-box"> <a href="#">健康 儿童
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="outside-box"> <a href="#">耳机音箱
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="outside-box"> <a href="#">生活箱包
                            <i class="iconfont icon-arrow-right-bold"></i>
                        </a>
                        <div class="pictures">
                            <ul class="pic-list">
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                                <li class="pic-item">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2ea5e610875460bc0cda0e45f4822ec.png?thumb=1&w=40&h=40&f=webp&q=90" alt="">
                                    <p>Xiaomi 11 青春活力版</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 小圆点 -->
            <div class="yuan">
                <a href="" class="a"></a>
                <a href="" class="a"></a>
                <a href="" class="a"></a>
                <a href="" class="a"></a>
            </div>
        </div>

        <!-- 小米导航服务 -->
        <div class="container">
            <div class="box-sizing  clearfix">
                <div class=" center-box">
                    <div class="box-1 box-2">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
                        <span>保障服务</span>
                    </div>

                    <div class="box-1 box-2">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" alt="">
                        <span>企业团购</span>
                    </div>
                    <div class="box-1 box-2">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" alt="">
                        <span>F码通道</span>
                    </div>
                    <div class="box-1">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt="">
                        <span>米粉卡</span>
                    </div>
                    <div class="box-1">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48" alt="">
                        <span>以旧换新</span>
                    </div>
                    <div class="box-1">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" alt="">
                        <span>话费充值</span>
                    </div>

                </div>
                <div class="right-picture clearfix">
                    <div class="box-3">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d8a6d6d37904e22c72130e3e4ec79b41.jpg?w=632&h=340" alt="">
                    </div>
                    <div class="box-3">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fce474f4024b96545959ccd45b7e50f3.jpg?w=632&h=340" alt="">
                    </div>
                    <div class="box-3">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35b3f906861db9d6472206e6d68318d9.jpeg?w=632&h=340" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 广告位 -->
    <!-- 商品模块 -->
    <div class=" layout-color">
        <div class="container">
            <div class="advertising">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f334fbd05d5681bb838fefd1c815d88c.jpg?thumb=1&w=1226&h=120&f=webp&q=90" alt="">
            </div>
        </div>
        <!-- HD-->
        <div class="container">
            <div class="hd">
                <div class="hd-1">手机</div>
                <a href="#">
                    <div class="hd-2"> <i class="iconfont icon-Rightbutton"> </i></div>
                    <div class="hd-3"> <a href="#"> 查看更多</a> </div>
                </a>
            </div>
        </div>
        <!-- 手机模块 -->
        <!-- 版心 -->
        <div class="container">
            <div class=" phone-box clearfix">
                <div class="Phone-picture">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c583f2edc613f1be20fa415910b13ce3.jpg?thumb=1&w=234&h=614&f=webp&q=90" alt="">
                    </a>
                </div>
                <div class="small-box clearfix">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">

                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>
                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>
                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>
            </div>
            <!-- HD01 -->
        </div>
        <!-- HD1 -->
        <div class="box-floor container">
            <div class="Style-box">
                <div class="zhineng-box">智能穿戴</div>
                <div class="chuandai"> <a href="">穿戴</a></div>
                <div class="remen"><a href="#">热门</a> </div>
            </div>
        </div>
        <!-- 手表模块 -->
        <div class="container">
            <div class=" phone-box clearfix">
                <div class="Phone-picture">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c583f2edc613f1be20fa415910b13ce3.jpg?thumb=1&w=234&h=614&f=webp&q=90" alt="">
                    </a>
                </div>
                <div class="small-box clearfix">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">

                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>
                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>
                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3>
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-1">1999元起</p>
                    </a>
                </div>

                <div class="small-box-s">
                    <a href="#">
                        <h3 class="title">浏览更多</h3>
                        <span class="title-s">热门</span>
                        <i class=" iconfont icon-arrow-right-circle"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- HD2 -->
        <div class="box-floor container">
            <div class="Style-box">
                <div class="zhineng-box">家电</div>
                <div class="chuandai"> <a href="">电影影视</a></div>
                <div class="remen remen-s"><a href="#">热门</a> </div>
            </div>
        </div>
        <!-- 家电模块 -->
        <div class="container">
            <div class=" appliance-box clearfix">
                <div class="appliance-picture">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3d47879ec183e25a36e67e0219636e60.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                    <a class="picture-a" href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ca83e0294e7d725690b0576a1a4681e2.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                </div>
                <div class="home-box clearfix">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">

                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav--ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>

                </div>
                <div class="small-box-s">
                    <a href="#">
                        <h3 class="title title-as">米家电烤箱</h3>
                        <span class="title-s price">299元</span>
                        <i class="title-ss"><img class="title-img"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1612c93ad4756215774a0dbec7a81bb2.jpg?thumb=1&w=100&h=100&f=webp&q=90"
                                alt=""></i>
                    </a>
                </div>
                <div class="small-box-s">
                    <a href="#">
                        <h3 class="title">浏览更多</h3>
                        <span class="title-s">热门</span>
                        <i class=" iconfont icon-arrow-right-circle"></i>
                    </a>
                </div>


            </div>
        </div>
        <!-- HD3 -->
        <div class="container">
            <div class="box-floor container">
                <div class="Style-box clearfix">
                    <div class="zhineng-box">生活电器</div>
                    <div class="chuandai"><a href="">风扇</a></div>
                    <div class="remen remen-qin"><a href="#">清洁</a></div>
                    <div class="kongjing"><a href="#">空净</a></div>
                    <div class="saodi"><a href="#">扫地机</a></div>
                </div>
            </div>
        </div>
        <!-- 生活电器模块 -->
        <div class="container">
            <div class=" appliance-box clearfix">
                <div class="appliance-picture">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/190871ab5bd9bdaa16a0b957a3628ab0.jpeg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                    <a class="picture-a" href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d51103fe64d90aca747a6d753beae293.jpeg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                </div>
                <div class="home-box clearfix">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">

                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav--ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>

                </div>
                <div class="small-box-s clearfix">
                    <a href="#">
                        <h3 class="title title-as title-ads">
                            米家无线吸尘器K10 Pro
                        </h3>
                        <span class="title-s price units">1999元</span>
                        <i class="title-ss"><img class="title-img"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6fcf8a058ddee92f1e47742d1bb2032d.jpg?thumb=1&w=100&h=100&f=webp&q=90"
                                alt=""></i>
                    </a>
                </div>
                <div class="small-box-s">
                    <a href="#">
                        <h3 class="title">浏览更多</h3>
                        <span class="title-s">扫地机</span>
                        <i class=" iconfont icon-arrow-right-circle"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- 第二广告位 -->
        <div class="container">
            <div class="advertising-space">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/829ea44b500dbe391b92742645a23f8d.jpg?thumb=1&w=1226&h=120&f=webp&q=90" alt="">
            </div>
        </div>
        <!-- HD4 -->
        <div class="container">
            <div class="box-floor container">
                <div class="Style-box clearfix">
                    <div class="zhineng-box">厨房电器</div>
                    <div class="chuandai"><a href="">微蒸烤</a></div>
                    <div class="remen remen-qin"><a href="#">电饭煲</a></div>
                    <div class="kongjing"><a href="#">烟炊</a></div>
                    <div class="saodi"><a href="#">净水器</a></div>
                </div>
            </div>
        </div>
        <!-- 厨房电器模块 -->
        <div class="container">
            <div class=" appliance-box clearfix">
                <div class="appliance-picture">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d0a92bc19df74c4da59563206321320a.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                    <a class="picture-a" href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f58378dfd4d3d3609f5492b204bd5aae.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                </div>
                <div class="home-box clearfix">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">

                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav--ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>

                </div>
                <div class="small-box-s clearfix">
                    <a href="#">
                        <h3 class="title title-as title-ads">
                            小米净水器400G增强版
                        </h3>
                        <span class="title-s price units">999元</span>
                        <i class="title-ss"><img class="title-img"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56e5787a790241420afb782e01477b93.jpg?thumb=1&w=100&h=100&f=webp&q=90"
                                alt=""></i>
                    </a>
                </div>
                <div class="small-box-s">
                    <a href="#">
                        <h3 class="title">浏览更多</h3>
                        <span class="title-s">净水器</span>
                        <i class=" iconfont icon-arrow-right-circle"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- HD5 -->
        <div class="container">
            <div class="box-floor container">
                <div class="Style-box clearfix">
                    <div class="zhineng-box">智能家居</div>
                    <div class="chuandai"><a href="">智能设备</a></div>
                    <div class="remen remen-qin remen-lu"><a href="#">路由器</a></div>
                    <div class="kongjing kongjing-men"><a href="#">门锁</a></div>
                    <div class="saodi saodi-xiao"><a href="#">小爱音响</a></div>
                </div>
            </div>
        </div>
        <!-- 智能家居模块 -->
        <div class="container">
            <div class=" appliance-box clearfix">
                <div class="appliance-picture">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec383d223d9f38f442268df684c526f6.png?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                    <a class="picture-a" href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a517d9aa182942ef01b5bcbc3eea744e.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                </div>
                <div class="home-box clearfix">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">

                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav--ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>

                </div>
                <div class="small-box-s clearfix">
                    <a href="#">
                        <h3 class="title title-as title-ads">
                            小米小爱音箱 Art 电池
                        </h3>
                        <span class="title-s price units">349元</span>
                        <i class="title-ss"><img class="title-img"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1ab7943ae5215e0faacb04f7270d9cfb.jpg?thumb=1&w=100&h=100&f=webp&q=90"
                                alt=""></i>
                    </a>
                </div>
                <div class="small-box-s">
                    <a href="#">
                        <h3 class="title">浏览更多</h3>
                        <span class="title-s">小艾音响</span>
                        <i class=" iconfont icon-arrow-right-circle"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- HD6 -->
        <div class="container">
            <div class="box-floor container">
                <div class="Style-box clearfix">
                    <div class="zhineng-box">运动出行</div>
                    <div class="chuandai"><a href="">出行工具</a></div>
                    <div class="remen remen-qin remen-lu"><a href="#">箱包配饰</a></div>
                    <div class="kongjing kongjing-men kongjing-yun"><a href="#">运动健身</a></div>
                    <div class="saodi saodi-xiao saodi-ping"><a href="#">
                            平衡车/滑板车
                        </a></div>
                </div>
            </div>
        </div>
        <!-- 运动出行模块 -->
        <div class="container">
            <div class=" appliance-box clearfix">
                <div class="appliance-picture">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/84fef78042e4056ea589474196780d4e.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                    <a class="picture-a" href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ecce1c0d981037e58cfa281a06122249.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                </div>
                <div class="home-box clearfix">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">

                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav--ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>

                </div>
                <div class="small-box-s">
                    <a href="#">
                        <h3 class="title">浏览更多</h3>
                        <span class="title-s"> 平衡车/滑板车</span>
                        <i class=" iconfont icon-arrow-right-circle"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- 第三广告位 -->
        <div class="container">
            <div class="advertising-space">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1226&h=120&f=webp&q=90" alt="">
            </div>
        </div>
        <!-- HD7 -->
        <div class="container">
            <div class="box-floor container">
                <div class="Style-box clearfix">
                    <div class="zhineng-box">日用百货</div>
                    <div class="chuandai"><a href="">家具床品</a></div>
                    <div class="remen remen-qin remen-lu"><a href="#">儿童用品</a></div>
                    <div class="kongjing kongjing-men kongjing-yun"><a href="#">电源/线材</a></div>
                    <div class="saodi saodi-xiao saodi-ping"><a href="#">
                            个户健康
                        </a></div>
                </div>
            </div>
        </div>
        <!-- 日用百货模块 -->
        <div class="container">
            <div class=" appliance-box clearfix">
                <div class="appliance-picture">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c5769bd53177a9301113f799fdc8511d.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                    <a class="picture-a" href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/65950f83f429f2a05125bea297d8df6b.jpg?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                    </a>
                </div>
                <div class="home-box clearfix">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">

                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav--ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>
                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>
                </div>

                <div class="home-box">
                    <a href="#"> <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d4b362431de4bdda03315ffdbc7b32a.jpg?thumb=1&w=200&h=200&f=webp&q=90" alt="">
                        <h3 class="h3-s">
                            Xiaomi 11 青春活力版
                        </h3>
                        <p class="nav-s">
                            Xiaomi 11 青春活力版
                        </p>
                        <p class="nav-ss">1999元起</p>
                    </a>

                </div>
                <div class="small-box-s clearfix">
                    <a href="#">
                        <h3 class="title title-as title-ads">
                            小米车载充电器快充版
                        </h3>
                        <span class="title-s price units">99元</span>
                        <i class="title-ss"><img class="title-img"
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fffc0a962387dff2f70aeb009ddf69ff.jpg?thumb=1&w=100&h=100&f=webp&q=90"
                                alt=""></i>
                    </a>
                </div>
                <div class="small-box-s">
                    <a href="#">
                        <h3 class="title">浏览更多</h3>
                        <span class="title-s">电源/线材</span>
                        <i class=" iconfont icon-arrow-right-circle"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- HD8 -->
        <div class="container">
            <div class="hd">
                <div class="hd-1">视频</div>
                <a href="#">
                    <div class="hd-2"> <i class="iconfont icon-Rightbutton"> </i></div>
                    <div class="hd-3"> <a href="#"> 查看全部</a> </div>
                </a>
            </div>
        </div>
        <!-- 底部视频模块 -->
        <div class="container">
            <div class="video">
                <div class="video-box">
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
                        <h3 class="video-s"> 2021年春季新品发布会第一场</h3>
                    </a>
                </div>
                <div class="video-box">
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
                        <h3 class="video-s"> Redmi 10X系列发布会</h3>
                        <span class="video-as">Redmi 10X系列发布会</span>
                    </a>
                </div>
                <div class="video-box">
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
                        <h3 class="video-s"> 小米10 青春版 发布会</h3>
                    </a>
                </div>
                <div class="video-box-s">
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=296&h=180&f=webp&q=90" alt="">
                        <h3 class="video-s"> 小米10 8K手机拍大片</h3>
                    </a>
                </div>
            </div>

        </div>
    </div>
    <!-- 底部服务模块 -->

    <div class="container">
        <div class="saas-box">
            <div class="saas">
                <a href="#">
                    <i class="iconfont icon-banshou"></i>
                    <span>预约维修服务</span>
                </a>
            </div>
            <div class="saas">
                <a href="#">
                    <i class="iconfont icon-7tiantuihuanhuo"></i>
                    <span>7天无理由退货</span>
                </a>
            </div>
            <div class="saas">
                <a href="#">
                    <i class="iconfont icon-15tianwuliyoutuihuo"></i>
                    <span>15天免费换货</span>
                </a>
            </div>
            <div class="saas">
                <a href="#">
                    <i class="iconfont icon-liwu"></i>
                    <span>满69包邮</span>
                </a>
            </div>
            <div class="saas saas-as">
                <a href="#">
                    <i class="iconfont icon-weizhi"></i>
                    <span>520余家售后网点</span>
                </a>
            </div>
        </div>
    </div>
    <!-- 底部第二服务模块 -->
    <div class="container">
        <div class="super-box">
            <div class="kernel clearfix">
                <dl class="kernel-box">
                    <dt>帮助中心 </dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">用户指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl class="kernel-box">
                    <dt>服务支持 </dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">自动服务</a></dd>
                    <dd><a href="#">相关下载</a></dd>
                </dl>
                <dl class="kernel-box">
                    <dt>线下门店 </dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#">服务网点</a></dd>
                    <dd><a href="#">授权体验店/专区</a></dd>
                </dl>
                <dl class="kernel-box">
                    <dt>关于小米 </dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#">加入小米</a></dd>
                    <dd><a href="#">投资者关系</a></dd>
                    <dd><a href="#">企业社会责任</a></dd>
                    <dd><a href="#">廉洁举报</a></dd>
                </dl>
                <dl class="kernel-box">
                    <dt>关注我们 </dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                    <dd><a href="#">公益基金会</a></dd>
                </dl>
                <dl class="kernel-box">
                    <dt>特色服务 </dt>
                    <dd><a href="#">F码通道</a></dd>
                    <dd><a href="#">礼物码</a></dd>
                    <dd><a href="#">防伪查询</a></dd>
                </dl>
            </div>
            <!-- 右微博模块 -->
            <div class="twitter">
                <p class="pre">400-100-5678</p>
                <p class="pre-s">8:00-18:00（仅收市话费）</p>
                <a class="pre-as" href="#">
                    <i class="iconfont icon-xiaoxizhongxin"></i>
                    <span>人工客服</span>
                </a>
                <div class="twitter-s">
                    <span>关注小米</span>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wb.png" alt="">
                    </a>
                    <a href="#"><img src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx.png" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部信息 -->
    <div class="bottom-text ">
        <div class="container ">
            <div class="btm-logo "></div>
            <div class="info-text ">
                <p class="text-s ">
                    <a href="# ">小米商城</a>
                    <span class="sep ">|</span>
                    <a href="# ">MIUI</a>
                    <span class="sep ">|</span>
                    <a href="# ">米家</a>
                    <span class="sep ">|</span>
                    <a href="# ">米聊</a>
                    <span class="sep ">|</span>
                    <a href="# ">多看</a>
                    <span class="sep ">|</span>
                    <a href="# ">游戏</a>
                    <span class="sep ">|</span>
                    <a href="# ">政企服务</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米天猫店</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米集团隐私政策</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米公司儿童信息保护规则</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米商城隐私政策</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米商城用户协议</a>
                    <span class="sep ">|</span>
                    <a href="# ">问题反馈</a>
                    <span class="sep ">|</span>
                    <a href="# ">Select Location</a>
                </p>
                <p class="text-s ">
                    <a href="# ">北京互联网法院法律服务工作站</a>
                    <span class="sep ">|</span>
                    <a href="# ">中国消费者协会</a>
                    <span class="sep ">|</span>
                    <a href="# ">北京市消费者协会</a>
                </p>
                <p>

                    <a href="# ">mi.com</a> 京ICP证110507号
                    <a href="# ">京ICP备10046444号</a>
                    <a href="# ">京公网安备11010802020134号</a>
                    <a href="# ">京网文[2020]0276-042号</a><br>
                    <a href="# ">（京）网械平台备字（2018）第00005号</a>
                    <a href="# ">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="# ">营业执照</a>
                    <a href="# ">医疗器械质量公告</a><br>
                    <a href="# ">增值电信业务许可证</a> 网络食品经营备案 京食药网食备202010048
                    <a href="# ">食品经营许可证</a><br> 违法和不良信息举报电话:171-5104-4404
                    <a href="# ">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试

                </p>
            </div>
            <div class="info-links ">
                <a href="# ">
                    <img src="https://i1.mifile.cn/f/i/17/site/truste.png " alt=" ">
                </a>
                <a href="# ">
                    <img src="https://s01.mifile.cn/i/v-logo-2.png " alt=" ">
                </a>
                <a href="# ">
                    <img src="https://xyt.xinchacha.com/img/icon/icon3.png " alt=" ">
                </a>
                <a href="# ">
                    <img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png " alt=" ">
                </a>
                <a href="# ">
                    <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/487333579584f8b870050335f46dec69.png " alt=" ">
                </a>
            </div>
        </div>
        <div class="xiaomi "></div>
    </div>
    ]
    <!-- 最右边导航栏 -->
    <div class="sidebar">
        <a class="sidebar-s sidebar-box " href="#">
            <div class="qr-code ">
                <img class="code-s" src="https://i8.mifile.cn/b2c-mimall-media/98a23aae70f25798192693f21c4d4039.png" alt="">
                <img class="code-as" src="https://i8.mifile.cn/b2c-mimall-media/74c4fcb4475af8308e9a670db9c01fdf.png" alt="">
            </div>
            <span class="result">手机APP</span>
            <div class="sparkling">
                <img class="spar-s" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/78c30d4f259ed43ab20e810a522a6249.png" alt="">
                <span class="spar-as">
                    扫码领取新人百元礼包
                </span>
            </div>
        </a>
        <a class="sidebar-s" href="#">
            <div class="qr-code ">
                <img class="code-s" src="https://i8.mifile.cn/b2c-mimall-media/55cad219421bee03a801775e7309b920.png" alt="">
                <img class="code-as" src="https://i8.mifile.cn/b2c-mimall-media/41f858550f42eb1770b97faf219ae215.png" alt="">
            </div>
            <span class="result">个人中心</span>
        </a>
        <a class="sidebar-s" href="#">
            <div class="qr-code ">
                <img class="code-s" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12eb0965ab33dc8e05870911b90f3f13.png" alt="">
                <img class="code-as" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/95fbf0081a06eec7be4d35e277faeca0.png" alt="">
            </div>
            <span class="result">售后服务</span>
        </a>
        <a class="sidebar-s" href="#">
            <div class="qr-code ">
                <img class="code-s" src="https://i8.mifile.cn/b2c-mimall-media/4f036ae4d45002b2a6fb6756cedebf02.png" alt="">
                <img class="code-as" src="https://i8.mifile.cn/b2c-mimall-media/5e9f2b1b0da09ac3b3961378284ef2d4.png" alt="">
            </div>
            <span class="result">人工客服</span>
        </a>
        <a class="sidebar-s" href="#">
            <div class="qr-code ">
                <img class="code-s" src="https://i8.mifile.cn/b2c-mimall-media/d7db56d1d850113f016c95e289e36efa.png" alt="">
                <img class="code-as" src="https://i8.mifile.cn/b2c-mimall-media/692a6c3b0a93a24f74a29c0f9d68ec71.png" alt="">
            </div>
            <span class="result">购物车</span>
        </a>
        <a class="sidebar-s sidebar-asd" href="#">
            <div class="qr-code ">
                <img class="code-s" src="https://i1.mifile.cn/f/i/2018/home/totop.png" alt="">
                <img class="code-as" src="https://i1.mifile.cn/f/i/2018/home/totop_hover.png" alt="">
            </div>
            <span class="result">回到顶部</span>
        </a>




    </div>


</body>

</html>